<div style="height:100%">
    <LayoutTableSmall>
        <!-- 其他 -->
        <template slot="other"></template>
        <!-- 搜索 -->
        <template slot="search">
        </template>
        <!-- 功能 -->
        <template slot="function">
            <span v-if="!$vFN.Utils.isEmpty(mixinList_tableData)">当前余额为:{{mixinList_tableData[0].usableAmount}}
            </span>
            <el-button type="primary" @click="updateData">修改余额</el-button>
        </template>
        <!-- 表格 -->
        <template slot="table">
            <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;"
                default-expand-all height="100%" row-key="id" :ref="mixinPage_vueName+'TableSmall'">
                <el-table-column label="交易时间">
                    <template slot-scope="scope">
                        {{$vFN.Utils.timestampToDate('yyyy-MM-dd HH:mm:ss', scope.row.createdTime*1000)}}
                    </template>
                </el-table-column>
                <el-table-column prop="tradeTypeName" label="交易类型"></el-table-column>
                <el-table-column label="变动余额">
                    <template slot-scope="scope">
                        <div>
                            {{scope.row.type == 1? "+" : '-'}}{{scope.row.changeAmount}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column prop="usableAmount" label="剩余余额"></el-table-column>
                <el-table-column prop="tradeDesc" label="备注"></el-table-column>


            </el-table>
        </template>
        <!-- 表格选项 -->
        <template slot="options">
        </template>
        <!-- 分页 -->
        <template slot="page">
            <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
                @current-change="mixinList_pagingData($event,'tableData')" :current-page="mixinList_pageData.pageNum"
                :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
                :total.sync="mixinList_pageData.total">
            </el-pagination>
        </template>


    </LayoutTableSmall>
</div>